<template>
	<view>
		<navigationBar title="icon_font" btns="字体图标"   @next_step='next_step'></navigationBar>
		<view class="">
			<text class="iconfont" style="font-size: 200rpx;" :style="{backgroundColor:by_color}" :data-theme='pink'>&#xe71a;</text>
			<u-button @click="xgColor">修改背景</u-button>
		</view>
	</view>
</template>

<script>
	import navigationBar from "@/components/navigation-bar/navigation-bar.vue" //导航栏
	import {  mapState, mapMutations, mapGetters  } from 'vuex';
	export default {
		computed:{
			...mapGetters(['by_color'])
		},
		components:{
			navigationBar,
		},
		data() {
			return {
				pink:"#000fff"
			}
		},
		onLoad() {
			// console.log(this.by_color)
		},
		methods: {
			...mapMutations(['xg_color']),
			xgColor(){
				this.xg_color('#ffffff')
			},
			next_step(){
				
				uni.showToast({
					title:'这里是icon页面',
					icon:'none'
				})
			}
		}
	}
</script>

<style>
page{
	color: #;
}
</style>
